<extend name="Public/base"/>

<block name="body">
  <div class="main-title">
    <h2>分类管理</h2>
  </div>
  <div class="cf">
    <div class="fl">
      <div class="btn-group">
        <a class="btn" href="{:U('add')}">新 增</a>
      </div>
    </div>
  </div>

  <!-- 表格列表 -->
  <div class="tb-unit posr">
    <div class="category">
      <div class="hd cf">
        <div class="fold">折叠</div>
        <div class="order">排序</div>
        <div class="order">显示</div>
        <div class="order">ID</div>
        <div class="name">名称</div>
      </div>
      {:R('ArticleCategory/tree', array($tree))}
    </div>
  </div>
  <!-- /表格列表 -->
</block>

<block name="script">
  <script type="text/javascript">
    (function($){
      /* 分类展开收起 */
      $(".category dd").prev().find(".fold i").addClass("icon-unfold").click(function(){
        var self = $(this);
        if(self.hasClass("icon-unfold")){
          self.closest("dt").next().slideUp("fast", function(){
            self.removeClass("icon-unfold").addClass("icon-fold");
          });
        }else{
          self.closest("dt").next().slideDown("fast", function(){
            self.removeClass("icon-fold").addClass("icon-unfold");
          });
        }
      });
      
      /* 三级分类删除新增按钮 */
      $(".category dd dd .add-sub-cate").remove();

      /* 实时更新分类信息 */
      $(".category").on("submit", "form", function(){
        var self = $(this);
        $.post(
          self.attr("action"),
          self.serialize(),
          function(data){
            /* 提示信息 */
            var name = data.status ? "success" : "error", msg;
            msg = self.find(".msg").addClass(name).text(data.info).css({display : "inline-block", color : '#FFF'});
            setTimeout(function(){
              msg.fadeOut(function(){
                msg.text("").removeClass(name);
              });
            }, 1000);
          },
          "json"
        );
        return false;
      }).on("focus","input",function(){
        $(this).data('param',$(this).closest("form").serialize());
      }).on("blur", "input", function(){
        if($(this).data('param')!=$(this).closest("form").serialize()){
          $(this).closest("form").submit();
        }
      });
      //导航高亮
      highlight_subnav("{:U('ArticleCategory/index')}");
    })(jQuery);
  </script>
</block>
